<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>客户转移日志</title>
    <link rel="shortcut icon" href="easyui/css/images/favicon.ico" />
    <link rel="stylesheet" href="css/flipclock.css">
    <link href="css/CalcSS3.css" rel="stylesheet" type="text/css" />
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <link href="easyui/css/easyui.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/easyui_animation.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/easyui_plus.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/insdep_theme_default.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/icon.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引入公用表格和表单样式 -->
	<link href="css/utils/utilsDatagrid.css" rel="stylesheet"
		type="text/css">
	<link href="css/utils/utilsForm.css" rel="stylesheet" type="text/css">
	<link href="css/client/client.css" rel="stylesheet" type="text/css">
	
	
	
	<link href="css/client/client-transfer-details.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/client/client-transfer-details.js"></script>

	<div id="contact-layout" class="easyui-layout"
		style="width: 100%; height: 100%;" data-options="">
		<div data-options="region:'west'" style="width: 25%;">
			<div class="contact-layout-west">
				<label>选择：</label><a id="transfer-all-data" class="easyui-linkbutton" data-options="text:'全部数据',width:80" style="margin-left: 5px"></a>
				<table style="width:100%" id="contact-first-name" class="easyui-datagrid table-chance"
					data-options="striped:true,fitColumns:true,singleSelect:true,border:false,scrollbarSize:0,
					   autoRowHeight:true,nowrap:false,
					   url:'client-get-all-user',method:'post'">
					<thead>
						<tr class="datagrid-header-row">
							<th data-options="field:'uId',width:10,align:'center',formatter:function(value){
								var result;
								$.ajax({
									url:'client-get-userName', 
									async:false,//改为同步请求
									type:'POST',
									data:{uId:value},
									success:function(e){
										result = e;
									}
								});
								return result;
							}">姓名</th>
							
							<th data-options="field:'in',width:10,align:'center',formatter:function(row,index,value){
								return transInImageBtn(row, value,index);
							}">转入</th>
							<th data-options="field:'out',width:10,align:'center',formatter:function(row, index,value){
								return transOutImageBtn(row, value,index);
							}">转出</th>
						</tr>
					</thead>
					<tbody>
				    </tbody> 
				</table>

			</div>
		</div>

		<div data-options="region:'center',border:false" style="padding: 5px;">
			<!-- 客户转移日志 -->
			<div class="contact-curMonth-memerial">
				<label>客户转移日志：</label>
				<table id="client-transfer-details" class="easyui-datagrid table-chance" style="width: 100%"
					data-options="striped:true,fitColumns:true,border:false,url:'query-all-client-transfer',method:'post',scrollbarSize:0,
					   autoRowHeight:true,nowrap:false,pagination:true,pageList:[10,20,30,40],pageSize:10">
					<thead>
						<tr class="datagrid-header-row">
							<th data-options="field:'check',width:10,align:'center',checkbox:true">复选框</th>
							<th data-options="field:'clientInfo',width:30,align:'center',formatter:function(value){
								return value.cname;
							}">客户</th>
							<th data-options="field:'outClentId',width:20,align:'center',formatter:function(value){
								var result;
								$.ajax({
									url:'client-get-userName', 
									async:false,//改为同步请求
									type:'POST',
									data:{uId:value},
									success:function(e){
										result = e;
									}
								});
								return result;
							}">原所有者</th>
							<th data-options="field:'inClientId',width:30,align:'center',formatter:function(value){
								var result;
								$.ajax({
									url:'client-get-userName', 
									async:false,//改为同步请求
									type:'POST',
									data:{uId:value},
									success:function(e){
										result = e;
									}
								});
								return result;
							}">现所有者</th>
							<th data-options="field:'operateClientId',width:20,align:'center',formatter:function(value){
								var result;
								$.ajax({
									url:'client-get-userName', 
									async:false,//改为同步请求
									type:'POST',
									data:{uId:value},
									success:function(e){
										result = e;
									}
								});
								return result;
							}">操作人</th>
							<th data-options="field:'operateDate',width:30,align:'center'">操作时间</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>

			</div>
		</div>
</body>
</html>